<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
a:link {color:#131212;text-decoration:none;}      /* 未访问链接*/
a:visited {color:#0f0f0f;text-decoration:none;}  /* 已访问链接 */
a:hover {color:#e00f0f;text-decoration:none;}  /* 鼠标移动到链接上 */
a:active {color:#26264b;text-decoration:none;}  /* 鼠标点击时 */

* {
  box-sizing: border-box;
}
 
body {
  font-family: Arial;
  padding: 10px;
  background: #d6d1d1;
}
 
/* 头部标题 */
.header {
  padding: 30px;
  text-align: center; 
  background: rgb(231, 224, 224);
  background-image:url('https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg9.51tietu.net%2Fpic%2F2019-090923%2Fezaj0sjisrcezaj0sjisrc.jpg&refer=http%3A%2F%2Fimg9.51tietu.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1649992205&t=52561bb0fcd809a95e2ba8ec82e0ba32');
  background-position: right bottom, left bottom; 
}
 
.header h1 {
  font-size: 50px;
}
 
/* 导航条 */
.topnav {
  overflow: hidden;
  background-color: #333;
}
 
/* 导航条链接 */
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
 
/* 链接颜色修改 */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}
 
/* 创建两列 */
/* Left column */
.leftcolumn {   
  float: left;
  width: 75%;
}
.rightcolumn {   
  float: left;
  width: 25%;
}
 
/* 图像部分 */
.fakeimg {
  background-color: #aaa;
  width: 100%;
  padding: 20px;
}
 
/* 文章卡片效果 */
.card {
  background-color: white;
  padding: 20px;
  margin-top: 20px;
}
 
/* 列后面清除浮动 */
.row:after {
  content: "";
  display: table;
  clear: both;
}
 
/* 底部 */
.footer {
  padding: 20px;
  text-align: center;
  background: #ddd;
  margin-top: 20px;
}
 
/* 响应式布局 - 屏幕尺寸小于 800px 时，两列布局改为上下布局 */
@media screen and (max-width: 800px) {
  .leftcolumn, .rightcolumn {   
    width: 100%;
    padding: 0;
  }
}
 
/* 响应式布局 -屏幕尺寸小于 400px 时，导航等布局改为上下布局 */
@media screen and (max-width: 400px) {
  .topnav a {
    float: none;
    width: 100%;
  }
}
</style>
</head>
<body>

<div class="header">
  <h1>周 杰 伦</h1>
  <h2>     Jay Chou</h2>
</div>

<div class="topnav">
  <a href="file:///D:/%E4%B8%AA%E4%BA%BA%E7%AE%80%E5%8E%86.html">个人简介</a>
  <a href="file:///D:/%E9%9F%B3%E4%B9%90%E4%BD%9C%E5%93%81.html">音乐作品</a>
  <a href="file:///D:/%E6%BC%94%E8%89%BA%E7%BB%8F%E5%8E%86.html#">演艺经历</a>
  <a href="https://baike.baidu.com/item/%E5%91%A8%E6%9D%B0%E4%BC%A6/129156?fr=aladdin" style="float:right">更多</a>
</div>

<div class="row">
  <div class="leftcolumn">
    <div class="card">
      <h2>基本信息</h2>
      <p>《大灌篮》是由朱延平执导，周杰伦、曾志伟、蔡卓妍、陈柏霖、黄渤、闫妮、吴宗宪等主演爱情喜剧电影。
        影片讲述了孤儿方世杰在功夫学校长大，有百发百中的神技，他被曾志伟扮演的立叔骗到了第一大学打篮球，遇到篮球高手陈柏霖及其妹妹阿Sa，由此发生的一段励志故事。</p>
      <h2>剧情简介</h2>
      <p>世杰是一个见义勇为、好打不平的孤儿，被功夫大学的老校长收养，从小习武，有一身好功夫，也有“中投”的神技，可惜的是，和接任的校长朱标不对盘，被拿来当练习的“人肉沙包”，就连四大高手也没出面帮他。新任功夫大学校长，爱钱又势利，当然看不惯世杰打着老校长养子的名号，在学校白吃白喝，也当然会借故编派罪名将世杰驱逐出校门。 世杰流浪到公园，无意中展现“中投”神技，被“公园混混管区”王立看上，利用世杰是孤儿，诱之以“打球可以成名、成名之后可以寻亲”，骗世杰去打篮球，藉此赚取世杰打球“中投”而来的知名度和利益，中饱私囊。 王立说服世杰打篮球之后，带着世杰来到第一大学说服周校长让世杰加入球队。世杰死命的要引起莉莉的注意，可恨的是，莉莉全部的注意力都在篮球校队的风云人物萧岚身上，于是世杰发誓，他一定要在篮球场上给萧岚好看。于是，每每球赛时就会发生诡异的现象，明明要合作对抗外敌，世杰却是处处找同队萧岚的麻烦。
        另一方面，篮球界的叛徒李天，和大恐龙有私人恩怨，看不惯第一大学因为世杰的加入气势如日中天，于是向他们挑衅比赛，找来了藉着官高位重，到处收购土地趁机发财的毕议员合作，发誓绝对要把第一大学打得落花流水。历经千辛万苦，终于球赛打胜了。最后，世杰和莉莉结婚，生下小孩，从此过着幸福快乐的日子。</p>
    </div>
    <div class="card">
      <h2>基本信息</h2>
      <br>
      <p>《逆战》是由香港导演林超贤执导，周杰伦、谢霆锋、林鹏、白冰、安志杰、廖启智、金燕玲等主演的枪战动作电影。该片于2012年1月17日上映。
        该片讲述了国际安全局警察万飞与国际犯罪集团的亲生哥哥万阳的生死故事。</p>
      <h2>剧情简介</h2>
      <br>
      <br>
      <p>从小与母亲相依为命的国际安全局警察万飞 （周杰伦 饰）深入军事重地中东进行任务，枪林弹雨中发生意外，同僚兼未婚妻Ice （白冰 饰）当场身亡，万飞亦身受重伤，留下随时送命的后遗症。 万飞感到时日不多，便离队返家陪伴母亲。母亲于此时将隐藏多年的秘密告诉万飞，为了完成母亲心愿，他决定远赴东南亚，途中结识了医疗队义工Rachel （林鹏 饰）。没想到Rachel被卷入一个国际犯罪集团的惊世阴谋，万飞挺身相救，多次的炮火追逐令他们的生命受到严重威胁，更发现其中一名敌人竟是万飞的亲生哥哥万阳 （谢霆锋 饰）！岂料组织为了利益而出卖万阳，同时绑架了他的女儿！为了救出女儿及Rachel，两兄弟决定连手对付敌人。究竟万阳的女儿及Rachel能否逃出生天？万飞与万阳两兄弟之间的误解及羁绊又如何化解</p>
      <br>
      <br>
      <br>
    </div>
    <div class="card">
      <h2>基本信息</h2>
      <br>
      <p>第一季由周杰伦、李易峰、林书豪、郭艾伦担任四大领队 [1-2]  ，于2018年8月25日起每周六22:00在浙江卫视首播，</p>
      <h2>节目评价</h2>
      <br>
      <p>作为一档主打篮球内容的垂直综艺，《这！就是灌篮》凭借着国产综艺原创力成功出圈，版权远销海外。节目在内容、立意、价值层面均有极大的创新，而它成功的背后，彰显了浙江卫视从《来吧！冠军》开始布局体育综艺领域的一系列努力。 [10]  （凤凰网评）
        《这！就是灌篮》通过硬朗、阳刚的男性形象的塑造和热血、激燃的画风，重塑大众审美，引导综艺节目中传统男性气质的复归。节目充斥着男性荷尔蒙，相较于市场上以女性受众为主的综艺节目画风迥异，男性积极、阳刚、坚毅的魅力在这里肆意释放。这也是一次对综艺节目男性形象的重塑，以及以电视节目的名义向传统硬汉气质发出的召唤。
        节目在赛制设置、技术手段、表现形式等方面，不仅做到了尊重篮球竞技规则和文化，还进行了综艺化创新表达。在以零观看门槛推广篮球运动、带动全民运动热潮、推动又一青年潮流文化的大众化传播之上，浙江卫视和优酷用这样一档节目，不仅为电视综艺创新开辟出了一条新的通道，也为年轻观众传递了积极进取的青春励志正能量。 [34]  （中国网评）
        《这！就是灌篮》首期精彩绝杀、花式运球、灌篮等瞬间让节目赚足了观众的荷尔蒙。“拼到底，玩得起”的篮球精神也让观众们感受到满满的正能量。 [13]  （凤凰娱乐评）</p>
        <br>
        <br>
        <br>

        <br>
      </div>
  </div>
  <div class="rightcolumn">
    <div class="card">
      <h1><a href="http://www.iqiyi.com/v_19rrj5vy9k.html">《大灌篮》</a></h1>
      <div ><img src="https://bkimg.cdn.bcebos.com/pic/aa64034f78f0f736e24be7f50655b319eac41388?x-bce-process=image/watermark,image_d2F0ZXIvYmFpa2UxNTA=,g_7,xp_5,yp_5/format,f_auto" alt="Norway" width="320" height="300"></div>
    </div>
    <div class="card">
      <h1><a href="https://v.qq.com/x/cover/ughfdfxylkkhu08/F0010qQUZtL.html">《逆战》</a></h1>
      <div ><img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg3.doubanio.com%2Fview%2Fphoto%2Fl%2Fpublic%2Fp2395870435.jpg&refer=http%3A%2F%2Fimg3.doubanio.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1649987736&t=0250f1b4a6efb9ff5c3d0518970924f2" alt="Norway" width="320" height="380"></div>
    </div>
    <div class="card">
      <h1><a href="https://v.youku.com/v_show/id_XMzgxNDQ4NDE4MA==.html?spm=a2h0c.8166622.PhoneSokuProgramSeries_2.dposter_2&s=bc7a4192ee5c4d608f6f">《这就是灌篮》</a></h1>
      <div ><img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20180829%2Fbda4c39ea01b4e13bedcc95e8845f6de.jpg&refer=http%3A%2F%2F5b0988e595225.cdn.sohucs.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1649953257&t=a5467a6c422f26f623bdee7a27197ad6" alt="Norway" width="330" height="401"></div>
    </div>
  </div>
</div>

<div class="footer">
  <h2>个人原创</h2>
</div>

</div>
</body>
</html>